<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="/tld/authority.tld" prefix="authority" %>
<%@ taglib uri="/tld/token.tld" prefix="token" %>
<%@ taglib uri="/tld/pagination.tld" prefix="page" %>

<div class="pageheader">
    <h2>角色管理</h2>

    <div class="breadcrumb-wrapper">
        <span class="left color-999 font13">您当前的位置：</span>
        <ol class="breadcrumb left">
            <li>系统管理</li>
            <li>角色管理</li>
        </ol>
    </div>
</div>
<%--<navigator:navigator url="role/query.htm"/>--%>

<div class="contentpanel">

    <div class="panel panel-default panel-bottom-no" style="display: none;">
        <div class="row">
            <form>
                <input type="hidden" name="start" value="${query.start}">
                <input type="hidden" name="length" value="${query.length}">

                <div class="panel-body panel-body2 border-gray-b ">
                    <div class="col-md-7">
                        <div class="form-group input-group">
                            <div class="select-container select select-container50 input-group-btn col-dm-3">
                                <a class="select-choice select-choice2">
                                    <span></span>
                                </a>
                            </div>
                            <input class="form-control form-control2" type="text" placeholder="请输入查询关键词">
                        </div>
                    </div>
                    <div class="btn-group2 left">
                        <button type="submit" class="btn btn-primary btn-4-query"><i class="icon icon-chaxun"></i>查询</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div class="panel panel-default">

        <div class="row">
            <div class="panel-body panel-body2  plr20">

                <div class="left">
                    <div class="btn-group left btn-group-none2">
                        <%--<authority:authority url="/role/add">--%>
                            <button class="btn btn-primary btn-4-add"><i class="icon icon-tianjia"></i>新增</button>
                        <%--</authority:authority>--%>
                    </div>
                </div>
            </div>
        </div>

        <%--Table--%>
        <div class="row">
            <div class=" plr20">
                <div class="table-responsive">
                    <table class="table dataTable">
                        <tbody>
                        <tr>
                            <th><strong>角色名称</strong></th>
                            <th><strong>超级角色</strong></th>
                            <th><strong>备注</strong></th>
                            <th><strong>添加时间</strong></th>
                            <th><strong>操作</strong></th>
                        </tr>
                        <c:forEach items="${paging.items}" var="item">
                            <tr>
                                <td>${item.name}</td>
                                <td>${item.top == 0 ? '否' : '是'}</td>
                                <td>${item.remark}</td>
                                <td><fmt:formatDate value="${item.created}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
                                <td>
                                    <%--<authority:authority url="/role/modify">--%>
                                        <a class="btn-4-modify" data-id="${item.id}">修改</a>
                                    <%--</authority:authority>--%>
                                    <%--<authority:authority url="/role/modifyMenu">--%>
                                        <a class="btn-4-modify-menu margin-l-10" data-id="${item.id}">菜单管理</a>
                                    <%--</authority:authority>--%>
                                    <%--<authority:authority url="/role/modifySource">--%>
                                        <a class="btn-4-modify-source margin-l-10" data-id="${item.id}">权限管理</a>
                                    <%--</authority:authority>--%>
                                    <%--<authority:authority url="/role/delete">--%>
                                        <a class="btn-4-delete margin-l-10" data-id="${item.id}">删除</a>
                                    <%--</authority:authority>--%>
                                </td>
                            </tr>
                        </c:forEach>
                        </tbody>
                    </table>
                </div>
                <page:page pageIndex="${paging.pageIndex}" pageSize="${paging.pageSize}" count="${paging.count}"/>
            </div>
        </div>
    </div>
    <script src="js/system/role-List.js" charset="UTF-8"></script>
</div>